<template>
	<view class="">
		<u-sticky >
			<view class="zdex9 pb20" style="background-color: transparent;" :style="{ backgroundImage: 'url(' + cosImageUrl('head_bg.png',true) + ')' }">
				<view class="">
					<view class="" :style="{'paddingTop':statusBarHeigh + 'px',}">
						<view class="flex alicen pl20" :style="{'height':menuButtonInfo.height + 'px',}">
							<view class="w60b flex alicen">
								<u-icon name="arrow-left" color="#070707" size="18" @click="goback()"></u-icon>
								<view class="w60b"></view>
								<view class="nowrap">{{not.articleType}}</view>
							</view>
						</view>
					</view>
				</view>
			</view>
		</u-sticky>
		<scroll-view scroll-y="true" class="hcalc">
			<view class="pt20 pb20 bdr1_bottom boree">
				<view class="fz30 bold">{{not.smallTitle}}</view>
				<view class="fz24">{{not.createTime}}</view>
			</view>
			<view class="pl20 pr20">
				<mp-html :content="not.articleContent" />
			</view>
		</scroll-view>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				id:'',
				not:{},
			}
		},
		onLoad(option) {
			if(option.id){
				this.id = option.id
				this.article(this.id)
			}
		},
		methods:{
			async article(){
				let art  = await this.request.get(`/api/cmsApi/getArticle/${this.id}`)
				console.log('art',art)
				if(art.code == 200){
					this.not = art.data
				}
			}
		}
	}
</script>

<style lang="scss">
	.hcalc{
		height: calc(100vh - 60rpx);
		overflow: auto;
	}
</style>